<!DOCTYPE html>
<html>
<head lang="en">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" href="bootstrap.min.css">
	<style>
		.row {
			margin-bottom: 20px;
		}

		.row .row {
			margin-top: 10px;
			margin-bottom: 0;
		}

		[class*="col-"] {
			padding-top: 15px;
			padding-bottom: 15px;
			background-color: #eee;
			background-color: rgba(86, 61, 124, .15);
			border: 1px solid #ddd;
			border: 1px solid rgba(86, 61, 124, .2);
		}
	</style>
</head>
<body>
<div class="container">
	<div class="row">
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
		<div class="col-md-1">col-md-1</div>
	</div>

	<div class="row">
		<div class="col-md-3">col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3col-md-3
		</div>
		<div class="col-md-3">col-md-3</div>
		<div class="col-md-3">col-md-3</div>
		<div class="col-md-3">col-md-3</div>
		<div class="col-md-3">col-md-3</div>
	</div>
	<div class="row">
		<div class="col-md-4 col-md-offset-3"></div>
	</div>
	<div class="row">
		<div class="col-md-4 col-md-push-3">col-md-4 col-md-push-3</div>
		<div class="col-md-2 col-md-pull-3">col-md-2 col-md-pull-3</div>
	</div>
	<div class="row">
		<div class="col-md-4">
			<div class="input-group">
				 <span class="input-group-btn">
					 <button type="button" class="btn btn-primary">Go</button>
				 </span>
				<input type="text" class="form-control" placeholder="Search...">
			</div>
		</div>
		<div class="col-md-4">
			<div class="input-group">
				<div class="input-group-btn">
					<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"
					        aria-expanded="false">
						Action
						<span class="caret"></span>
					</button>
					<ul class="dropdown-menu" role="menu">
						<li><a href="#">AAAAAAAAAAAAAAA</a></li>
						<li><a href="#">VVVVVVVVVVVVVVV</a></li>
						<li><a href="#">BBBBBBBBBBBBAAA</a></li>
						<li><a href="#">DDDDDDDDDDDDDDD</a></li>
						<li class="divider"></li>
						<li>
							<a href="#">CCCCCCCCCCCCCCCCCCCCCCCCCC</a>
						</li>
					</ul>
				</div>
				<input type="text" class="form-control" placeholder="111111111111111">
			</div>
		</div>
	</div>
</div>

<nav class="navbar navbar-default">
	<div class="container-fluid">
		<!-- Brand and toggle get grouped for better mobile display -->
		<div class="navbar-header">
			<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
			        data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar">111</span>
				<span class="icon-bar">222</span>
				<span class="icon-bar">333</span>
			</button>
			<a class="navbar-brand" href="#">Brand</a>
		</div>

		<!-- Collect the nav links, forms, and other content for toggling -->
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
				<li><a href="#">Link</a></li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown
						<span class="caret"></span></a>
					<ul class="dropdown-menu" role="menu">
						<li><a href="#">Action</a></li>
						<li><a href="#">Another action</a></li>
						<li><a href="#">Something else here</a></li>
						<li class="divider"></li>
						<li><a href="#">Separated link</a></li>
						<li class="divider"></li>
						<li><a href="#">One more separated link</a></li>
					</ul>
				</li>
			</ul>
			<form class="navbar-form navbar-left" role="search">
				<div class="form-group">
					<input type="text" class="form-control" placeholder="Search">
				</div>
				<button type="submit" class="btn btn-default">Submit</button>
			</form>
			<ul class="nav navbar-nav navbar-right">
				<li><a href="#">Link</a></li>
				<li class="dropdown">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown
						<span class="caret"></span></a>
					<ul class="dropdown-menu" role="menu">
						<li><a href="#">Action</a></li>
						<li><a href="#">Another action</a></li>
						<li><a href="#">Something else here</a></li>
						<li class="divider"></li>
						<li><a href="#">Separated link</a></li>
					</ul>
				</li>
			</ul>
		</div>
		<!-- /.navbar-collapse -->
	</div>
	<!-- /.container-fluid -->
</nav>
</body>
</html>